import ReactECharts from 'echarts-for-react';

const Page: React.FC = () => {

    const chartOption = {
      title: {
        text: '流量分析', // 图表标题
        subtext: '示例数据', // 副标题
        left: 'center' // 标题位置
      },
      tooltip: {
        trigger: 'axis', // 提示框触发类型
        axisPointer: { 
          type: 'shadow' // 使用阴影指示器
        }
      },
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] // X轴类别数据
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        name: '访问量', // 系列名称
        type: 'bar', // 图表类型，这里是柱状图
        data: [120, 200, 150, 80, 70, 110, 130] // Y轴数据
      }]
    };

  return(
    <div className='w-[50%]'>
    <ReactECharts option={chartOption} />
    </div>
  )
  }

  export default Page;